<div class="tabbable tabs-left">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tabTOA1" data-toggle="tab">Pregunta</a></li>
        <li><a href="#tabTOA2" data-toggle="tab">Validacion</a></li>
    </ul>
    <?php
    $attributes = array('class' => 'form-vertical','onsubmit' => 'fake_load();');
    echo form_open($url, $attributes);
    ?> 
    <div class="tab-content">
              <div class="tab-pane active" id="tabTOA1" >
                    <div class="control-group">
                        
                        <div class="pull-right">
                            <div class="btn-group">
                              <a class="btn btn-success" onclick="addTH(this,3);"><i class="icon-plus"></i></a>
                              <a class="btn" onclick="quitTH(this,3);"><i class="icon-minus"></i></a>
                        </div>
                            
                     
                   </div>
                        <Select id="secuencia" name="secuencia" class="inputs">
                            <?php for($i=$total + 1;$i>0;$i--) { ?>
                            <option value="<?php echo $i ;?>"><?php echo $i ;?></option>                            
                            <?php }?>
                        </Select>
                        <input name="txtEncabezado" required=""  title="Escribir descripcion" placeholder="Pregunta" <?php echo $edit; ?>class="control-label editables inputs">

                                    
                        <table id="tableTOA" class="table table-condensed">
                            <thead>
                               <tr class="alert-info">
                                 <th>F/C</th>   
                                 <th><input required=""  title="Llenar Campo." name="txtcab2" placeholder="Cabecera" class="control-label editables2 alert-info"></th>
                                 <th><input required=""  title="Llenar Campo." name="txtcab3" placeholder="Cabecera" class="control-label editables2 alert-info"></th> 
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><input required=""  title="Llenar Campo." name="txtopc1" placeholder="Fila" class="control-label editables2"></td>
                                    <td><input type="text" name="group1" disabled="" class="editables3" ></td>
                                    <td><input type="text" name="group1" disabled="" class="editables3"></td>
                                </tr>
                             </tbody>
                             </table>
                            <div class="pull-left">
                            <div class="btn-group">
                              <a class="btn btn-success addF" onclick="addTR(this,3);"><i class="icon-plus"></i></a>
                              <a class="btn quitF" onclick="quitTR(this,3);"><i class="icon-minus"></i></a>
                              <a  class="btn otherF" onclick="addOtherTR(this,3);" title="Otro"><i class="icon-text-width"></i></a>
                           </div>
                            
                     
                   </div>
                        
                    </div>
                </div>
            <div class="tab-pane" id="tabTOA2">        
               <label>Requerido</label><input type="checkbox" name="txtRequerido" class="inputs"/>  <br/>                     
              
                <div class="control-group">
                    <br/> <label>Tipo de dato</label> <br/> 

                    <div class="controls">
                        <select name="tipo" onchange="changeOption(this,2);" class="inputs">
                            
                            <?php 
                            for($i=0;$i<count($tipos);$i++){
                                ?> <option value="<?php echo $tipos[$i]["idTipoDato"];?>"><?php echo $tipos[$i]["TipoDato"];?></option><?php                                       
                            }                        
                           ?>                          
                       </select>                    
                    </div>                    
                </div>
            
               <div id="abiertaT">
                <div id="textoT">                    
                    <label>Mascara</label><input type="text" name="txtmascara" class="inputs"/>
                </div>
                
                <div id="numeroT" class="validar">                    
                    <label>Valor Minimo</label><input type="number" name="txtMinimo" class="inputs"/>
                    <label>Valor Maximo</label><input type="number" name="txtMaximo" class="inputs"/>
                </div>
                
                <div id="fechaT" class="validar">
                      <label>Fecha Minima</label><input type="date" name="txtFechaMinima" class="inputs"/>  
                      <label>Fecha Maxima</label><input type="date" name="txtmFechaMaxima" class="inputs"/>  
                </div>
               
                <input type="text" class="columnas" name="txtTotalCA" style="display:none;" value="3" class="inputs"/>
                <input type="text" class="filas" name="txtTotalFA" style="display:none;" value="1" class="inputs"/>
               
             </div>
            </div>
               

    </div>

</div>
